<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Hello MUI</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="__FRONT__/css/mui.min.css">
    <script src="__FRONT__/js/mui.min.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">我的团队</h1>
</header>
<div class="mui-content">
    <div class="mui-card">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell">我的团队参与打卡总金额:{$tmoney}
                <!--<div id="M_Toggle" class="mui-switch mui-active">
                    <div class="mui-switch-handle"></div>
                </div>-->
            </li>
            <li class="mui-table-view-cell mui-collapse"><a href="#" class="mui-navigate-right">下级会员列表</a>
                <ul class="mui-collapse-content">
                    <li class="mui-table-view-cell"><div style="float: left"><span class="mui-text-left">名称</span></div><div style="float: right"><span>是否打卡</span></div></li>
                    {foreach $team as $k=>$v}
                    <li class="mui-table-view-cell">
                        <img style="width: 9%" src="{:$v['portrait']?$v['portrait']:config('headsrc')}" alt="">{$v['mobile']}
                        {if($v['status']==1)}
                        <span class="mui-badge mui-badge-primary">是</span>
                        {elseif($v['status']==0)}
                        <span class="mui-badge mui-badge-danger">否</span>
                        {else /}
                        <span class="mui-badge mui-badge-warning">未参与活动</span>
                        {/if}
                    </li>
                    {/foreach}
                </ul>
            </li>

<!--            <li class="mui-table-view-divider" style="text-align: center;"><span>右侧有导航箭头</span></li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    <span class="mui-badge mui-badge-danger">15</span>
                    Item 1
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    <span class="mui-badge mui-badge-purple">5</span>
                    Item 2
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    <span class="mui-badge mui-badge-warning">5</span>
                    Item 3
                </a>
            </li>-->
        </ul>
    </div>
</div>
</body>
</html>